#wrapper {
    width: 965px;
    margin: auto;
    background: #FFFFF9F;
    text-align: left;
    padding-bottom: 67px;
    min-height: 100%;
    /*height: auto !important;
	 height: 100%;*/
    background: url('/Style Library/Images/OOCL/bg_page_shadow.gif') repeat-y;
    background-color: #FFFFFF;
}
#container {
     width: 965px; 
     float:left;
     margin: 0px;
} 

#footer {
	height:67px;
	width:965px;
	background-color:#FFFFFF;
	/*margin:auto;*/
	margin: -67px auto 0;
	clear:both;
}
.pageTable {
	width: 100%;
	height: 100%;
	background-color: #FFFFFF;
}
.pageTable_footer {
	width: 945px;
	background-color: #FFFFFF;
}
.pageShadowTop {
	background: url('/Style Library/Images/OOCL/bg_page_shadow_top.gif') no-repeat;
	width: 965px;
	height: 11px;
	margin: auto;
}
.pageShadowLeft {
	background: url('/Style Library/Images/OOCL/bg_page_shadow_left.gif') left top repeat-y;
	width: 965px;
	float:left;
}
.pageShadowRight {
	background: url('/Style Library/Images/OOCL/bg_page_shadow_right.gif') right top repeat-y;
	width: 965px;
	float:right;
}
.pageShadowLeft_footer {
	background: url('/Style Library/Images/OOCL/bg_page_shadow_left.gif') left top repeat-y;
	width: 10px;
	float:left;
    height:67px;
}
.pageShadowRight_footer {
	background: url('/Style Library/Images/OOCL/bg_page_shadow_right.gif') right top repeat-y;
	width: 10px;
	float:right;
	height:67px;
}

.pageShadowBottom {
	background: url('/Style Library/Images/OOCL/bg_page_shadow_bottom.gif') no-repeat;
	width: 965px;
	height: 11px;
	margin: auto;
}

/* Tab Style */
.subTopTab{
	border-bottom: 0px solid #bfbfbf;
	border-left: 1px solid #bfbfbf;
	border-right: 1px solid #bfbfbf;
	border-top: 1px solid #bfbfbf;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 1px;
	padding-bottom: 1px;
	/*background-color:#1e538d;*/
	background-image:url('/Style Library/Images/OOCL/tab_current.gif');
	background-position:top;
	background-repeat:repeat-x;
    color:#404040;
	font-weight:bold;
	width: 135px;
	height: 52px;
}
.subHiddenTab{
	border-bottom: 1px solid #bfbfbf;
	border-left: 1px solid #bfbfbf;
	border-right: 1px solid #bfbfbf;
	border-top: 1px solid #bfbfbf;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 1px;
	padding-bottom: 1px;
	background-image:url('/Style Library/Images/OOCL/tab_hidden.gif');
	background-position:top;
	background-repeat:repeat-x;
	/*background-color:#DDDDDD;*/
	color:#404040;
	width: 135px;
	height: 52px;
	
}
.subBetweenTab{
	border-bottom: 1px solid #bfbfbf;
	border-left: 0px none #bfbfbf;
	border-right: 0px none #bfbfbf;
	border-top: 0px none #bfbfbf;
	padding-left:1px;
}
.subTabBottomBorder {
	border-bottom: 1px solid #bfbfbf;
	border-left: 0px none #bfbfbf;
	border-right: 0px none #bfbfbf;
	border-top: 0px none #bfbfbf;
}
.subTabOtherBorder {
	border-bottom: 1px solid #bfbfbf;
	border-left: 1px solid #bfbfbf;
	border-right: 1px solid #bfbfbf;
	border-top: 0px none #bfbfbf;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 6px;
	padding-bottom: 6px;
}


/*-------------------- User Class ------------------*/
.ms-rteStyle-L1_list_style, .L1_list_style {
    -ms-name: "OOCL List Level 1";
    list-style: url('/Style Library/Images/OOCL/bullet_disc.gif');
    color: #404040;
}

/* --- 2010 --- */
.L1_ul_style {
	padding-left:0px;
	margin-left:25px;
}
/* ------------ */

.ms-rteStyle-L2_list_style, .L2_list_style {
    -ms-name: "OOCL List Level 2";
    list-style: url('/Style Library/Images/OOCL/bullet_circle.gif');
    color: #404040;
}
.ms-rteStyle-L3_list_style, .L3_list_style {
    -ms-name: "OOCL List Level 3";
    list-style: url('/Style Library/Images/OOCL/bullet_square.gif');
    color: #404040;
}
.L1_section_title {
	COLOR: #555555;
	FONT-WEIGHT: bold; 
}
.L2_section_title {
	color: #666666;
	FONT-WEIGHT: bold;
}
.L3_section_title {
	COLOR: #777777;
	FONT-WEIGHT: bold;
}
h1 {
	font-weight: bold;
    margin: 0px 0px 10px;
	color: #e6001d ;
}
h2 {
	font-weight: bold;
    margin: 0px 0px 0px;
	color:#333333;
}
h3 {
	font-weight: bold;
    margin: 0px 0px 10px;
	color:#333333;
}
.ms-rteStyle-Subtitle_User, .Subtitle_User {
    -ms-name: "OOCL Resource Center Sub-title";
    font-weight: bold;
    color: #656565;
    vertical-align: top;
}
.Description_User {
	color: #555555;
}
.ms-rteStyle-BodyText_User, .BodyText_User {
    -ms-name: "OOCL Body Text";
    color: #404040;
}
.ms-rteStyle-Header_1_User, .Header_1_User {
    -ms-name: "OOCL Header 1";
    FONT-WEIGHT: bold;
    COLOR: #333333;
}
.ms-rteStyle-Header_2_User, .Header_2_User {
    -ms-name: "OOCL Header 2";
    FONT-WEIGHT: bold;
    color: #555555;
}
.ms-rteStyle-Header_3_User, .Header_3_User {
    -ms-name: "OOCL Header 3";
    FONT-WEIGHT: bold;
    COLOR: #6c6c6c;
}
.ms-rteStyle-NoteText_User, .NoteText_User {
    -ms-name: "OOCL Note Text";
    color: #555555;
}
a.ms-rteStyle-Homepage_User, a.Homepage_User {
    -ms-name: "OOCL Home Page Link";
    color: #555555;
    text-decoration: none;
}
a.ms-rteStyle-Homepage_User:hover, a.Homepage_User:hover {
    color: #e6001d;
    text-decoration: underline;
}
a.BoldLink_User, a.ms-rteStyle-BoldLink_User {
    -ms-name: "OOCL Bold Link";
    font-weight: bold;
    color: #404040;
    text-decoration: none;
}
a.BoldLink_User:hover, a.ms-rteStyle-BoldLink_User:hover {
    font-weight: bold;
    color: #e6001d;
}
a.NoteText_User, a.ms-rteStyle-NoteText_User {
    -ms-name: "OOCL Note Text Link";
    color: #555555;
    text-decoration: underline;
}
a.NoteText_User:hover, a.ms-rteStyle-NoteText_User:hover {
    text-decoration: underline;
    color: #e6001d;
}
a.boldUnderlineLink, a.ms-rteStyle-boldUnderlineLink {
    -ms-name: "Career Link Bold";
    color: #404040;
    text-decoration: underline;
    font-weight: bold;
}
a.boldUnderlineLink:hover, a.ms-rteStyle-boldUnderlineLink:hover {
    text-decoration: underline;
    font-weight: bold;
    color: #e6001d;
}
.eservicesText {
	height:17px;
	color: #6c6c6c;
	padding-bottom: 6px;
}
a.eservicesBlueLink{
	font-weight: bold;
	color: #5D89CE;
	text-decoration:none;
}
a.eservicesBlueLink:hover {
	font-weight: bold;
	color: #e6001d;
	text-decoration:underline;
}
a.highLightLink{
	font-weight: bold;
	color: #e6001d;
	text-decoration:none;
}
a.highLightLink:hover{
	font-weight: bold;
	color: #e6001d;
	text-decoration:underline;
}



/*--Images style set--*/
.ms-rteStyle-imgborder, .imgborder {
    -ms-name: "OOCL Image";
    border: 1px solid #d1d1d1;
}
.ms-rteStyle-lefticonograph, .lefticonograph {
    -ms-name: "OOCL Promotion Zone (Image on Left)";
    border: 1px solid #404040;
    float: left;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 12px;
    margin-bottom: 8px;
    width: 50px;
    height: 50px;
}
.ms-rteStyle-righticonograph, .righticonograph {
    -ms-name: "OOCL Promotion Zone (Image on Right)";
    border: 1px solid #404040;
    float: right;
    margin-left: 12px;
    margin-bottom: 12px;
    margin-top: 0px;
    margin-right: 0px;
    width: 50px;
    height: 50px;
}
.ms-rteStyle-rightImg, .rightImg {
    -ms-name: "OOCL Content Page (Image on Right)";
    border: 1px solid #404040;
    float: right;
    margin-left: 18px;
    margin-bottom: 18px;
    margin-top: 18px;
    margin-right: 0px;
}

.ms-rteStyle-leftImg, .leftImg {
    -ms-name: "OOCL Content Page (Image on Left)";
    border: 1px solid #404040;
    float: left;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 18px;
    margin-bottom: 18px;
}

.ms-rteStyle-imgFormat, .imgFormat {
    -ms-name: "OOCL Advertisement Image";
    border: 1px solid #404040;
    width: 142px;
    height: 32px;
}
.ms-rteStyle-bannerFormat, .bannerFormat {
    -ms-name: "OOCL Main Banner";
    border: none;
    width: 695px;
    height: 141px;
}

.ms-rteStyle-careerPeopleThumbnail, .careerPeopleThumbnail {
    -ms-name: "OOCL Career People Thumbnail";
    width: 71px;
    height: 71px;
}
.ms-rteStyle-careerPeopleImg, .careerPeopleImg {
    -ms-name: "OOCL Career People Image";
    width: 128px;
    height: 152px;
    border: 1px solid #404040;
}
.ms-rteStyle-photoGalleryImg, .photoGalleryImg {
    -ms-name: "OOCL Photo Thumbnail";
    width: 162px;
    height: 120px;
}
.leftFloat {
	float:left;
	margin-left: 0px;
    margin-top: 3px;
	margin-right: 18px;
    margin-bottom: 18px;
}
.rightFloat {
	float:left;
	margin-left: 18px;
    margin-bottom: 18px;
    margin-top: 3px;
	margin-right: 0px;
}
/* -- background style -- */
.ms-rteStyle-greyBg, .greyBg {
    -ms-name: "OOCL Table Row Grey Background";
    background-color: #f6f6f6;
}
.ms-rteStyle-pinkBg, .pinkBg {
    -ms-name: "OOCL Table Row Pink Background";
    background-color: #f3e4e4;
}
.bgPink {
	background-color:#F7EEEF;
	line-height:25px;
	padding-left:20px;
	padding-right:20px;
	color:#555555;
	font-weight:bold;
}
.ms-rteStyle-blackgreyBg, .blackgreyBg {
    -ms-name: "OOCL Table Row Grey Background";
    background-color: #dfdfdf;
}
.ms-rteStyle-grey, .grey {
    -ms-name: "OOCL Promotion Zone Grey Title";
    color: #656565;
}
.ms-rteStyle-red, .red {
    -ms-name: "OOCL Promotion Zone Red Title";
    color: #e6001d;
}
.ms-rteStyle-ServicePort, .ServicePort {
    -ms-name: "OOCL Service Port";
    color: #a34250;
}
.greenBg {
	width: 100%;
	height: 100%;
	background:url('/Style Library/Images/OOCL/bg_green.gif') right;
	background-repeat:repeat-y;
	background-color: #FFFFFF;
}
.ms-rteStyle-green_border_text, .green_border_text {
    -ms-name: "OOCL Body Text with Border Green";
    color: #008000;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 10px;
    border-left: #99cc00 solid 1px;
}
.greyHeader {
	background:url('/Style Library/Images/OOCL/bg_grey_header.gif') repeat-x left top;
	height:28px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:5px;
	color:#333333;
	font-weight:bold;
}

/* -- table style -- */
.TableBorder_User {
	border: 1px solid #808080;
	padding-bottom: 4px;
	padding-left: 4px;
	padding-top: 4px;
	padding-right: 4px;
  	background-color:#FFF;
}
.usertablenb{
	border-collapse:collapse;
	border:1px solid #888888;
}

.usertablenb td{
	border:0px;
	padding:5px;
	color: #404040;
	font-size: 11px;
}
.usertablenb th{
  background-color:#E8E8E8;
  border:1px solid #888888;
  padding:5px;
  color: #404040;
  font-size: 11px;
}
.ms-rteStyle-usertable, .usertable {
    -ms-name: "OOCL Table Style";
    border-collapse: collapse;
    border: 0px;
}

.usertable td, .ms-rteStyle-usertable td{
    border: 1px solid #888888;
    padding: 5px;
    color: #404040;
    font-size: 11px;
}
.usertable th, .ms-rteStyle-usertable th {
    background-color: #E8E8E8;
    border: 1px solid #888888;
    padding: 5px;
    color: #404040;
    font-size: 11px;
}
table.data1 {
  border-collapse:collapse;
}
th.data1 {
  background-color:#dfdfdf;
  padding:1px;
	color: #404040;
	font-size: 11px;
}
td.data1Odd {
  background-color:#FFF;
  padding:1px;
  color: #404040;
  font-size: 11px;
}
td.data1Even {
  background-color:#f6f6f6;
  padding:4px;
  color: #404040;
  font-size: 11px;
}

table.data2 {
  border-collapse:collapse;
}
th.data2 {
  background-color:#d8d8d8;
  padding:2px;
	color: #404040;
	font-size: 11px;
}
td.data2Odd {
  background-color:#FFF;
  padding:2px;
  color: #404040;
  font-size: 11px;
}
td.data2Even {
  background-color:#f6f6f6;
  padding:2px;
	color: #404040;
	font-size: 11px;
}

table.data {
  border-collapse:collapse;
}

td.data {
  border:1px solid #888888;
  padding:1px;
	color: #404040;
	font-size: 11px;
}
th.data {
  background-color:#E8E8E8;
  border:1px solid #888888;
  padding:2px;
  color: #404040;
  font-size: 11px;
}
.tableContainer {
	/*width:600px;*/
	border: 1px solid #666666;
}
.tdContainer {
	height:124px;
	width:240px;
}
.ContainerInstruction {
	padding-bottom: 6px;
	padding-left: 6px;
	padding-top: 6px;
	padding-right: 6px;
 	background-color: #F7EEEF;
	color: #404040;
	vertical-align: top;
}

/*----------------- End of User Class ---------------*/

/*----------------- Template Class ---------------*/
/*------ Common ------*/
html,body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #e5e5e5;
	height: 100%;
}
body{
    overflow-y:auto;
}
form {
	margin:0px;
}
ul {
	line-height:16px;
}
input  {
	color: #404040;
}
textarea{
	color: #404040;
}
select{
	color: #404040;
}
p,span{
	color: #404040;
}
a{
	color: #4cabbc;
	text-decoration: underline;
}
a:hover {
	color: #e6001d;
	text-decoration:underline;
}

/*------ Page Layout ------*/
.menuBg {
	height: 21px;
}
a.MenuLink, a.greyTextLink, a.ms-rteStyle-greyTextLink {
    -ms-name: "OOCL Career Link";
    color: #555555;
    text-decoration: none;
}
a.homeLink, a.ms-rteStyle-homeLink {
    -ms-name: "OOCL News Link";
    color: #555555;
    text-decoration: none;
}
a.homeLink:hover, a.MenuLink:hover, a.greyTextLink:hover, a.ms-rteStyle-greyTextLink:hover, a.ms-rteStyle-homeLink:hover {
    color: #e6001d;
    text-decoration: underline;
}

a.breadcrumbLink{
	color: #404040;
	text-decoration:none;
}
a.breadcrumbLink:hover{
	color: #e6001d;
	text-decoration:underline;
}
.liBullet {
	list-style-position:inside;
}
.contentText {
	color: #404040;
}


/*--Top navigation set--*/
.OOCLtopNav {
	vertical-align: bottom;
}
.CtopNav {
	height: 30px;
	vertical-align: bottom;
}
a.topNavLink{
	color: #747474;
	text-decoration:none;
}
a.topNavLink:hover {
	color: #e6001d;
	text-decoration:underline;
}
a.highlightTopNavLink {
	color: #0087a0;
	text-decoration:none;
}
a.highlightTopNavLink:hover {
	color: #0087a0;
	text-decoration:none;
}

.btnHighlightLeft {
	background: url('/Style Library/Images/OOCL/btn_highlight_left.gif') no-repeat;
}
.btnHighlightCenter {
	background: url('/Style Library/Images/OOCL/btn_highlight_center.gif') repeat-x;
}
.btnHighlightRight {
	background: url('/Style Library/Images/OOCL/btn_highlight_right.gif') no-repeat;
}

.btnGoLeft {
	background: url('/Style Library/Images/OOCL/btn_go_left.gif') no-repeat;
}
.btnGoCenter {
	background: url('/Style Library/Images/OOCL/btn_go_center.gif') repeat-x;
}
.btnGoRight {
	background: url('/Style Library/Images/OOCL/btn_go_right.gif') no-repeat;
}
.searchLeft {
	background:url('/Style Library/Images/OOCL/search_left.gif') no-repeat;
}
.OOCLsearchCenter {
	background:url('/Style Library/Images/OOCL/search_center.gif') repeat-x;
}
.OOCLsearch {
	border: 0px;
	color: #747474;
	background: transparent;
	width:60px;
}
.searchRight {
	background:url('/Style Library/Images/OOCL/search_right.gif') no-repeat;
}

/*--Main navigetion set--*/
.mainNav {
	background:url('/Style Library/Images/OOCL/bg_main_menu.gif') repeat-x bottom;
	background-color:#FFFFFF;
	border-top: #bbbbbb solid 1px;
	height:27px;
	* height: 28px;
}
.menuItem {
	padding: 3px 10px;
	text-align:left;
	COLOR: #4e4e4e;
}
.mainNav_mouseover {
	background:url('/Style Library/Images/OOCL/bg_main_menu_mouseover.gif') repeat-x left bottom; 
	background-color:#F4E6E6;
	padding: 2px 9px;
	border-top:0px none #bbbbbb;
	border-bottom:1px solid #c6c8ca;
	border-left:#bbbbbb solid 1px; 
	border-right:#bbbbbb solid 1px;
}
.mainNav_eser {
	background:url('/Style Library/Images/OOCL/bg_main_menu_eser.gif') repeat-x right bottom; 
	background-color:#FFFFFF;
	border-left:#53b6cb solid 1px;
	border-bottom:#53b6cb solid 1px;
	padding: 2px 11px;
}
.mainNav_eser_mouseover {
	background:url('/Style Library/Images/OOCL/bg_main_menu_eser_mouseover.gif') repeat-x right top; 
	background-color:#FFFFFF;
	border-left:#53b6cb solid 1px;
	border-bottom:#53b6cb solid 1px; 
	border-right:#53b6cb solid 1px;
	padding: 2px 10px;
}
a.mainNavLink {
	color: #404040;
	text-decoration:none;
	text-transform:uppercase;
	vertical-align:middle;
	font-weight:bold;
}
a.mainNavLink:hover {
	color: #e6001d;
	text-decoration:none;
	text-transform:uppercase;
	vertical-align:middle;
	font-weight:bold;
}
a.mainNavLinkOver {
	color: #404040;
	text-decoration:none;
	text-transform:uppercase;
	vertical-align:middle;
	font-weight:bold;
}
a.mainNavLinkOver:hover {
	color: #e6001d;
	text-decoration:none;
	text-transform:uppercase;
	vertical-align:middle;
	font-weight:bold;
}

/*--Footer set--*/
table.footer {
	vertical-align:middle;
	background:url('/Style Library/Images/OOCL/bg_footer.gif') repeat-x bottom;
	background-color:#FFFFFF;
	border-top: #bbbbbb solid 1px;
	height:47px;
	margin-top:20px;
}
td.footer {
	height: 18px;
	vertical-align:bottom;
}
a.footerNormalLink{
	font-weight: normal;
	color: #404040;
	text-decoration:none;
}
a.footerNormalLink:hover {
	font-weight: normal;
	color: #e6001d;
	text-decoration:none;
}

a.footerBoldLink{
	font-weight: bold;
	color: #404040;
	text-decoration:none;
}
a.footerBoldLink:hover {
	font-weight: bold;
	color: #e6001d;
	text-decoration:none;
}
.copyright {
	font-weight: normal;
	color: #000000;
}

/*-- Submenu set --*/
.submenu {
	background:url('/Style Library/Images/OOCL/bg_submenu.gif') no-repeat top left; 
	width:150px; 
	border-top:#bbbbbb solid 1px;
	border-left:#bbbbbb solid 1px;
	border-right:#bbbbbb solid 1px;
	background-color:#FFFFFF;
}
.submenu_bar,.submenu_mouseover{
	border-bottom:#bbbbbb solid 1px; 
	color:#404040;
	padding-left:10px; 
	padding-bottom:6px; 
	padding-top:6px; 
	padding-right:10px;
}
.submenu_mouseover {
	background:url('/Style Library/Images/OOCL/bg_submenu_mouseover.gif') repeat-y left top;
	color:#e6001d;
	cursor:pointer;
}
.submenu_eser {
	background:url('/Style Library/Images/OOCL/bg_submenu_eser.gif') no-repeat top left; 
	width:150px; 
	border-top:#53b6cb solid 1px;
	border-left:#53b6cb solid 1px;
	border-right:#53b6cb solid 1px;
	background-color:#FFFFFF;
	text-align:left;
}
.submenu_bar_eser,.submenu_mouseover_eser {
	border-bottom:#53b6cb solid 1px; 
	padding-left:10px; 
	padding-bottom:6px; 
	padding-top:6px; 
	padding-right:10px;
}
.submenu_mouseover_eser {
	background: url('/Style Library/Images/OOCL/bg_submenu_eser_mouseover.gif') repeat-y left top;
}
a.submenuLink {
	color:#404040;
	text-decoration:none;
}
a.submenuLink:hover {
	color:#e6001d;
	text-decoration:underline;
}

/*-- style for change location --*/
TD.changeLocMouseOut {
	COLOR: #747474; 
	BACKGROUND-COLOR: #ffffff
}
TD.changeLocMouseOver {
	CURSOR: pointer; 
	COLOR: #747474; 
	BACKGROUND-COLOR: #dfdfdf;/*#f3e4e4*/
}
.changeLocationBorder {
	border: 1px solid #747474;
	width: 220px;
}

/*--Block style set--*/

a.CSLink {
	color: #656565;
	text-decoration:none;
	font-weight:bold;
}
a.CSLink:hover {
	color: #e6001d;
	text-decoration:none;
	font-weight:bold;
}
a.eservicesLink{
	color: #656565;
	text-decoration:none;	
	font-weight: bold;
}
a.eservicesLink:hover {
	color: #e6001d;
	text-decoration:underline;
	font-weight: bold;
}
a.forgotpsw {
	font-size: 11px;
	font-weight: normal;
	color: #7a7a7a;
	text-decoration:none;
}
a.forgotpsw:hover {
	font-size: 11px;
	font-weight: normal;
	color: #e6001d;
	text-decoration:underline;
}
.ooclcenterHeader{
	background:url('/Style Library/Images/OOCL/bg_oocl_center.gif') right no-repeat;
	height:28px;
}
.ooclcenterHeaderLeft{
	background:url('/Style Library/Images/OOCL/bg_oocl_center_left_top.gif') right no-repeat;
	height:28px;
}
.ooclcenterLeft{
	background:url('/Style Library/Images/OOCL/bg_oocl_center_left.gif') right repeat-y;
}
.ooclcenter{
	background-color: #ffffff;
	background:url('/Style Library/Images/OOCL/bg_oocl_center_content.gif') bottom repeat-x;
	border-left: 1px solid #bbbbbb;
	border-bottom:1px solid #bbbbbb;
	border-top: 0px solid #bbbbbb;
	border-right: 0px solid #bbbbbb;
}
.btnSigninLeft {
	background: url('/Style Library/Images/OOCL/btn_signin_left.gif') no-repeat;
}
.btnSigninCenter {
	background: url('/Style Library/Images/OOCL/btn_signin_center.gif') repeat-x;
}
.btnSigninRight {
	background: url('/Style Library/Images/OOCL/btn_signin_right.gif') no-repeat;
}
a.signinLink {
	font-weight: bold;
	color: #ffffff;
	text-decoration:none;
}
a.signinLink:hover {
	font-weight: bold;
	color: #ffffff;
	text-decoration:none;
}
.ooclcenterFooter{
	background:url('/Style Library/Images/OOCL/bg_oocl_center_bottom.gif') right top no-repeat;
}
.corpnewsHeader{
	background:url('/Style Library/Images/OOCL/bg_corporate_news.gif') no-repeat;
	height:28px;
}
.corpnews{
	background-color: #EAEAEA;
	border-left: 0px solid #b9b9b9;
	border-bottom:1px solid #b9b9b9;
	border-top: 0px solid #b9b9b9;
	border-right: 0px solid #b9b9b9;
}
.corpnews_homepage{
	background-color: #ffffff;
	border-left: 0px solid #b9b9b9;
	border-bottom:0px solid #b9b9b9;
	border-top: 0px solid #b9b9b9;
	border-right: 1px solid #b9b9b9;
}
.corpnewsFooter{
	background-color: #e5e5e5;
	height: 20px;
}
.rescenterHeader{
	background:url('/Style Library/Images/OOCL/bg_resource_center.gif') repeat-x;
	height:28px;
}
.rescenter{
	background-color: #ffffff;
	background:url('/Style Library/Images/OOCL/bg_resource_center_content.gif') bottom left no-repeat;
	border-left: 0px solid #b9b9b9;
	border-bottom:1px solid #b9b9b9;
	border-top: 0px solid #b9b9b9;
	border-right: 1px solid #b9b9b9;
}
.eserviceHeader{
	background:url('/Style Library/Images/OOCL/bg_eservice.gif') no-repeat;
	height:28px;
}
.eservice{
	background:url('/Style Library/Images/OOCL/bg_eservice_content.gif') bottom right no-repeat;
	background-color: #ffffff;
	border-left: 1px solid #7ac4d2;
	border-bottom:1px solid #7ac4d2;
	border-top: 0px solid #7ac4d2;
	border-right: 0px solid #7ac4d2;
}
.localnewsBorder {
	border: 1px solid #b9b9b9;
}
.localnews{
	background-color: #eaeaea;
	height: 22px;
	border-top: 0px solid #b9b9b9;
	border-right: 0px solid #b9b9b9;
	border-bottom: 1px solid #b9b9b9;
	border-left: 0px none #b9b9b9;
}
.localnewsleftBorder {
	border-top: 0px solid #b9b9b9;
	border-right: 0px solid #b9b9b9;
	border-bottom: 0px none #b9b9b9;
	border-left: 1px solid #b9b9b9;
}
.localnewsleft {
	width:98%; 
	background-image:url('/Style Library/Images/OOCL/borderbg.gif');
}
a.appointmentSelectLink
{
	color: #357BB9;
	font-weight: bold;
	text-decoration:none;	
}
a.appointmentSelectLink:hover
{	
	color: #357BB9;
	font-weight: bold;
	text-decoration:none;			
}
a.promotionTitleLink {
	font-weight: bold;
	color: #1364ac;
	text-decoration:none;
	padding-bottom:3px;
	padding-left:0px;
	text-align:left;
	vertical-align:top
}

a.promotionTitleLink:hover {
	font-weight: bold;
	color: #e6001d;
	text-decoration:underline;
	padding-bottom:3px;
	padding-left:0px;
	text-align:left;
	vertical-align:top
}
a.promotionLink {
	color: #1364ac;
	text-decoration:none;
}
a.promotionLink:hover {
	color: #e6001d;
	text-decoration:underline;
}
.promotionImgPadding {
	padding-right:10px;
	padding-bottom:10px;
}
.promotionImg {
  border:1px solid #989898;
  background-color:#FFFFFF;
  padding:1px;
}
/* Homepage tab set */
.TabLeft {
	background:url('/Style Library/Images/OOCL/bg_tab_left.gif') left bottom no-repeat;
	width: 10px;
	height: 37px;
}
.TabRight {
	background:url('/Style Library/Images/OOCL/bg_tab_right.gif') bottom right no-repeat ;
	width: 10px;
	height: 37px;
}
.TabCenterLeft {
	background:url('/Style Library/Images/OOCL/bg_tab_center_left.gif') left bottom no-repeat;
	width: 10px;
	height: 37px;
}
.TabCenterRight {
	background:url('/Style Library/Images/OOCL/bg_tab_center_right.gif') bottom right no-repeat ;
	width: 10px;
	height: 37px;
}
.TabCenterBg {
	background:url('/Style Library/Images/OOCL/bg_tab_repeat.gif') repeat-x;
}
.TabCenter {
	background:url('/Style Library/Images/OOCL/bg_tab_center.gif') no-repeat center; 
	height:37px; 
	text-align:center; 
	line-height:28px;
	padding:0px;
}
.TabDisableLeft {
	background:url('/Style Library/Images/OOCL/bg_tab_disable_left.gif') left bottom no-repeat;
	width: 10px;
	height: 37px;
}
.TabDisableRight {
	background:url('/Style Library/Images/OOCL/bg_tab_disable_right.gif') bottom right no-repeat ;
	width: 10px;
	height: 37px;
}
.TabDisableCenterLeft {
	background:url('/Style Library/Images/OOCL/bg_tab_disable_c_left.gif') left bottom no-repeat;
	width: 10px;
	height: 37px;
}
.TabDisableCenterRight {
	background:url('/Style Library/Images/OOCL/bg_tab_disable_c_right.gif') bottom right no-repeat ;
	width: 10px;
	height: 37px;
}
.TabDisableCenterBg {
	background:url('/Style Library/Images/OOCL/bg_tab_disable_repeat.gif') repeat-x;
	height:37px; 
	text-align:center; 
	line-height:28px;
	padding:0px;
	vertical-align:top;
}
.tabBottomBorder {
	background:url('/Style Library/Images/OOCL/bg_tab_bottm_border.gif') repeat-x bottom;
}
.tabOtherBorder {
	border-bottom: 0px solid #59a6d3;
	border-left: 1px solid #59a6d3;
	border-right: 1px solid #59a6d3;
	border-top: 0px none #59a6d3;
	background:url('/Style Library/Images/OOCL/bg_tab_content.gif') repeat-x bottom;
	background-color:#FFF;
	height:135px;
}
.tabBottom {
	background:url('/Style Library/Images/OOCL/bg_tab_bottom.gif') no-repeat;
	height:6px;
}
a.tabTitleLink {
	font-weight: bold;
	color: #555555;
	text-decoration:none;
	text-transform:uppercase;
}
a.tabTitleLink:hover {
	font-weight: bold;
	color: #e6001d;
	text-decoration:none;
	text-transform:uppercase;
}
/*local tab*/
.localtab_grey_left {
	background:url('/Style Library/Images/OOCL/bg_localnews_grey_centert.gif') repeat-x left bottom; 
	width:8px; 
	vertical-align:top;
}
.localtab_grey_lefttop {
	background:url('/Style Library/Images/OOCL/bg_localnews_grey_lefttop.gif') no-repeat top left;
}
.localtab_grey_center {
	background:url('/Style Library/Images/OOCL/bg_localnews_grey_centert.gif') repeat-x left bottom; 
	color:#FFFFFF; 
	font-weight:bold; 
	text-align:center; 
	padding:5px; 
}
.localtab_grey_rightcenter {
	background:url('/Style Library/Images/OOCL/bg_localnews_grey_right.gif') no-repeat left bottom; 
	vertical-align:top;
	width:12px; 
}
.localtab_grey_rightcentertop {
	background: url('/Style Library/Images/OOCL/bg_localnews_grey_left_righttop.gif') no-repeat top;
	width:12px; 
}
.localtab_diable_center {
	background:url('/Style Library/Images/OOCL/bg_localnews_center.gif') repeat-x left bottom;
	color:#555555; 
	font-weight:bold; 
	text-align:center; 
	padding:5px; 
	border-top:#b7b7b7 solid 1px;
}
.localtab_disable_right {
	background:url('/Style Library/Images/OOCL/bg_localnews_right.gif') repeat-x left bottom; 
	width:8px;  
	vertical-align:top
}
.localtab_disable_righttop {
	background:url('/Style Library/Images/OOCL/bg_localnews_righttop.gif') no-repeat top right;
}

.localtab_grey_right {
	background:url('/Style Library/Images/OOCL/bg_localnews_grey_centert.gif') repeat-x left bottom; 
	width:8px; 
	vertical-align:top;
}
.localtab_grey_righttop {
	background:url('/Style Library/Images/OOCL/bg_localnews_grey_righttop.gif') no-repeat top right;
	width:8px;
}
.localtab_grey_center {
	background:url('/Style Library/Images/OOCL/bg_localnews_grey_centert.gif') repeat-x left bottom; 
	padding:5px; 
	color:#ffffff; 
	font-weight:bold; 
	text-align:center; 
	text-decoration:none
}
a.localtab_disable {
 	color:#555555; 
	font-weight:bold; 
	text-align:center;
	text-decoration:none
}
a.localtab_disable:hover {
 	color:#e6001d; 
	font-weight:bold; 
	text-align:center; 
	text-decoration:none;
}
.localtab_grey_leftcenter {
	background:url('/Style Library/Images/OOCL/bg_localnews_grey_left.gif') no-repeat left bottom; 
	width:12px; 
	vertical-align:top;
}
.localtab_grey_leftcentertop {
	background: url('/Style Library/Images/OOCL/bg_localnews_grey_right_lefttop.gif') no-repeat top;
}
.localtab_diable_center {
	background:url('/Style Library/Images/OOCL/bg_localnews_center.gif') repeat-x left bottom;
	padding:5px; 
	border-top:#b7b7b7 solid 1px;
}
.localtab_disable_left {
	background:url('/Style Library/Images/OOCL/bg_localnews_left.gif') repeat-x left bottom; 
	width:7px;  
	vertical-align:top
}
.localtab_disable_lefttop {
	background:url('/Style Library/Images/OOCL/bg_localnews_lefttop.gif') no-repeat top right;
}


/*-- Content Page --*/
.pageTitle {
	padding-bottom:30px;
	color:#1264AD;
	font-weight:bold;
}
.pageIndex {
	color: #555555;
	FONT-WEIGHT: bold;
}
.titleWhite {
	padding-left:10px;
	padding-right:10px;
	color:#FFFFFF;
}
.titleGrey {
	padding-left:10px;
	padding-right:10px;
	color:#404040;
}
.subtitleGrey {
	color: #555555;
}
.level1Title {
	color: #357bb9;
	font-weight:bold;
	line-height:35px;
}
.level2Title {
	color: #357bb9;
	font-weight:bold;
}
.level3Title {
	COLOR: #5992c5;
	font-weight:bold;
}
.field_label {
	color: #404040;
	vertical-align: top;
}
.body_text {
	color: #404040;
}
.remark {
	color: #555555;
}
.errorMsg {
	color: #ff3c3c;
	font-weight: bold;
}
.comment,.instruction {
	color: #7d7d7d;
}
.greyBoldText {
	font-weight: bold;
	color: #404040;
	line-height: 16px;
}
.download {
	color: #404040;
	padding: 5 0 0 4;
}
.tdBorder {
	padding-bottom: 0px;
	padding-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	text-align: center;
}
.tablePhotogallery {
	width:170px;
	border: 1px solid #666666;
	padding:3px;
	margin-right:10px;
	margin-bottom:10px;
}
.tdPhoto {
	height:120px;
}
.photoInstruction {
	padding-bottom: 2px;
	padding-left: 6px;
	padding-top: 6px;
	padding-right: 6px;
	background-color: #F7EEEF;
	color: #666666;
	vertical-align: top;
	height:65px;
	font-weight: bold;
}
a.ms-rteStyle-photoSizeLink, a.photoSizeLink {
    -ms-name: "OOCL Photo Link";
    color: #555555;
}
a.ms-rteStyle-photoSizeLink:hover, a.photoSizeLink:hover {
    color: #e6001d;
}
.hltLinkBg{
	background-image:url(../oocl/images/English_hlt_link_bg.gif);
	background-repeat:repeat-x;
	height: 19px;
	padding-left: 4px;
	padding-right: 4px;
}
.photoSize {
	padding-bottom: 4px;
	padding-left: 6px;
	padding-top: 4px;
	padding-right: 6px;
	background-color: #F7EEEF;
	color: #666666;
	height: 22px;
}


/*--Regional style set-- */
.regional {
	text-align: right;
	color: #404040;
}

/*-- breadcrumb --*/
.OOCLbreadcrumb {
	padding-bottom:20px;
	line-height:28px;
}

/*-- content page style set --*/
.OOCLleftNav {	
	background-color: #ffffff;
	border-left: 0px solid #b9b9b9;
	border-bottom:0px solid #b9b9b9;
	border-top: 0px solid #b9b9b9;
	border-right: 1px solid #b9b9b9;
}
.leftNavTitle {
	color:#FFFFFF;
	font-weight: bold;
	padding-left: 10px;
	background:url('/Style Library/Images/OOCL/bg_leftNav_title.gif') repeat-x left;
	height:28px;
}
.firstlevelMenu,.firstlevelMenuSelect,.secondlevelMenuContent {
	border-bottom: #b9b9b9 solid 1px;
	padding-bottom:6px;
	padding-top:6px;
}
.firstlevelMenuSelect {
	background:url('/Style Library/Images/OOCL/bg_firstlevelMenuSelect.gif') repeat-y;
	background-color:#FFFFFF;
	color:#e6001d;
	font-weight:bold;
	padding-left:10px;
	padding-right:10px;
}
.secondlevelMenu {
	height:25px;
	background:url('/Style Library/Images/OOCL/bg_secondlevelMenu.gif') repeat-y;
}
.secondlevelMenuSelectBorder {
	color:#e6001d;
	height:25px;
	border-bottom: #b9b9b9 solid 1px;
}
.thirdlevelMenu {
	padding-bottom:5px;
}
.secondlevelMenuSelect {
	color:#e6001d;
	height:25px;
}


/*--Other page set --*/
.requiredstar {
	color: #FF0000;
	font-weight: bold;
}
hr {
	color: #858585;
	height: 1px;
}
.tableBorder {
	border: 1px solid #999999;
	padding:4px;
  	background-color:#FFF;
}
.topBorder {
	border-top:#cccccc solid 1px;
}
.leftBorder {
	border-top: 0px solid #b9b9b9;
	border-right: 0px solid #b9b9b9;
	border-bottom: 0px none #b9b9b9;
	border-left: 1px solid #b9b9b9;
}
.printHeader {
	background:url('/Style Library/Images/OOCL/bg_print.gif') repeat-x;
	height:34px;
}
.printLine{
	border-top: 0px none #666666;
	border-right: 0px none #666666;
	border-bottom: 1px solid #666666;
	border-left: 0px none #666666;
}
.searchResult{
	font-size: 11px;
	font-weight: bold;
	color: #555555;
	height: 19px;
}
.bulletImg {
	padding-right: 4px;
	padding-top:3px;
	padding-bottom:3px;
	vertical-align:text-top;
	vertical-align:top
}
/* 2010 Table style*/
table.data1_n {
	border-collapse:collapse;
}
th.data1_n,th.data2_n {
	background:url('/Style Library/Images/OOCL/bg_table.gif') repeat-x left top;
	padding:2px 2px 2px 4px;
	color: #404040;
	line-height:23px;
}
th.data2_n {
	text-align:left;
}
td.data1_n {
	padding:1px;
	color: #404040;
	line-height:20px;
}

table.data2_n {
	border-collapse:collapse;
	border: 1px solid #999999;
  	background-color:#FFF;
	padding:4px;
}
td.data2Odd_n {
	background-color:#ffffff;
	padding:4px;
	color: #404040;
}
td.data2Even_n {
	background-color:#F7EEEF;
	padding:4px;
	color: #404040;
	line-height:20px;
}

table.data_n {
	border-collapse:collapse;
	border-bottom:1px solid #999999;
}

td.data_n,td.dataTop_n {
	border-right:1px solid #999999;
	border-left:1px solid #999999;
	padding:3px 2px 3px 5px;
	color: #404040;
	line-height:18px;
}
td.dataTop_n {
	border-top:1px solid #999999;
}
th.data_n {
	background:url('/Style Library/Images/OOCL/bg_table_header.gif') repeat-x;
	border:1px solid #999999;
	padding:3px 2px 3px 5px;
	color: #404040;
	line-height:18px;
}
.tableAltPink_n {
	background-color: #F7EEEF;
}


/* Table style for 5ET */
.dialog {
	border: #45AFC5 solid 1px;
	background:url('/Style Library/Images/OOCL/bg_dialog.gif') repeat-x left bottom;
	background-color:#f7fdfd;
}
.dialogBar {
	background-color:#CDEAF0;
	height:25px;
}
.dialogTitle {
	color:#404040;
	font-weight:bold;
}
.calendarTd {
	padding-left:10px;
	padding-right:10px;
	line-height: 25px;
}
.altPink {
	background-color:#F7EEEF; 
	line-height:25px;
	padding-left:10px;
}
.altPinkBorder {
	background-color:#F7EEEF; 
	padding-left:10px;
	border-right:#FFFFFF solid 2px;
	line-height:25px;
}
.alt{
	background-color:#f6f6f6;
	padding:2px;
	color: #404040;
	font-size: 11px;
}
.alt td {
	border:1px solid #888888;
}
a.keeper {
	color: #555555;
	font-size: 9px;
	text-decoration:underline;
}
a.keeper:hover {
	font-size: 9px;
	text-decoration:underline;
	color: #e6001d;
}
a.remark{
	color: #4CABBC;
	text-decoration:underline;
}
a.remark:hover {
	text-decoration:underline;
	color: #e6001d;
}
a.headLink{
	color: #404040;
	font-weight: bold;
	text-decoration:underline;
}
a.headLink:hover {
	font-weight: bold;
	text-decoration:underline;
	color: #e6001d;
}
a.thLink{
	color: #404040;
	font-weight: bold;
	text-decoration:none;
}
a.thLink:hover {
	font-weight: bold;
	color: #e6001d;
}
.paddingAll {
padding:10px;
}
.paddingTop {
padding-top:10px;
}
.paddingBottom {
padding-bottom:10px;
}
.paddingTopBottom {
padding-top:10px;
padding-bottom:10px;
}
.paddingRightIcon {
padding-right: 10px;
}
.tablePaddingTopBottom td {
padding-top:4px;
padding-bottom:4px;
}
.tablePaddingTopBottom td td {
padding-top:0px;
padding-bottom:0px;
}

/* ------- Didn't use -------- */
/*
.navigation {
	vertical-align: top;
	padding-bottom: 2px;
	padding-left:0px;
	padding-right:0px;
	padding-top: 3px;
	width: 12px;
}
a.mainNavLink {
	font-weight: bold;
}
a.mainNavLink:hover {
	font-weight: bold;
}
a.highLightLink_eng{
	font-weight: bold;
	color: #e6001d;
	text-decoration:none;
}
a.highLightLink_eng:hover{
	font-weight: bold;
	color: #e6001d;
	text-decoration:underline;
}
a.boldLink {
	font-weight: bold;
	color: #404040;
	text-decoration:none;
}
a.boldLink:hover{
	font-weight: bold;
	color: #e6001d;
}
.mainNavImg {
	width:13px;
}
.topTr {
	height: 108px;
	vertical-align: top;
	background-color: #d1d1d1;
}
.middleTr {
	height: 90%;
	vertical-align: top;
}
.bottomTr {
	height: 47px;
	vertical-align: top;
	padding-top:15px;
}
.moreTd {
	vertical-align: top;
	text-align: right;
	height: 20px;
	padding-top:6px;
}
a.EtopNavLink {
	font-size: 11px;
	font-weight: normal;
	color: #747474;
	text-decoration:none;
	font-family: Verdana, Helvetica, sans-serif;
}
a.EtopNavLink:hover {
	font-size: 11px;
	font-weight: normal;
	color: #e6001d;
	text-decoration:underline;
	font-family: Verdana, Helvetica, sans-serif;
}
a.JtopNavLink {
	font-size: 12px;
	font-weight: normal;
	color: #747474;
	text-decoration:none;
}
a.JtopNavLink:hover {
	font-size: 12px;
	font-weight: normal;
	color: #e6001d;
	text-decoration:underline;
}
a.CtopNavLink {
	font-size: 12px;
	font-weight: normal;
	color: #747474;
	text-decoration:none;
}
a.CtopNavLink:hover {
	font-size: 12px;
	font-weight: normal;
	color: #e6001d;
	text-decoration:underline;
}
.radio{
	margin-left: -3px;
	margin-bottom: -1px;
}
.disable {
	font-size: 11px;
	font-weight: bold;
	color: #dbdbdb;
	text-decoration:none;
}
.lister{
	border:0px;
	border-collapse:collapse;
	border:1px solid #888888;
}
.lister td{
	border:1px solid #888888;
  	padding:2px;
	color: #404040;
	font-size: 11px;
}
.lister table td{
	border:0px;
	font-family:Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #404040;
	height: 16px;
}
.header{
	border:1px solid #888888;
	background-color:#E8E8E8;
 	padding:2px;
 	color: #404040;
 	font-size: 11px;
 	font-weight: bold;
 	text-align: center;
}

.submenu {
	width: 100%;
	font-weight: normal;
}
.submenuMouseOut {
	background-color: #f6f6f6;
	color: #555555;
	height: 23px;
}
.submenuMouseMove {
	background-color: #dfdfdf;
	color: #e6001d;
	height: 23px;
	cursor: pointer;
}
.submenufirstLeft {
	border-top: 1px solid #858585;
	border-right: 0px none #858585;
	border-bottom: 1px solid #858585;
	border-left: 1px solid #858585;
	padding-left: 0px;
	padding-bottom: 5px;
	padding-right: 0px;
	padding-top: 2px;
}
.submenufirstRight {
	border-top: 1px solid #858585;
	border-right: 1px solid #858585;
	border-bottom: 1px solid #858585;
	border-left: 0px none #858585;
	padding-left: 0px;
	padding-bottom: 5px;
	padding-right: 0px;
	padding-top: 2px;
}
.submenunextLeft {
	border-top: 0px none #858585;
	border-right: 0px none #858585;
	border-bottom: 1px solid #858585;
	border-left: 1px solid #858585;
	padding-left: 0px;
	padding-bottom: 5px;
	padding-right: 0px;
	padding-top: 2px;
}
.submenunextRight {
	border-top: 0px none #858585;
	border-right: 1px solid #858585;
	border-bottom: 1px solid #858585;
	border-left: 0px none #858585;
	padding-left: 0px;
	padding-bottom: 5px;
	padding-right: 0px;
	padding-top: 2px;
}

.directory {
	color: #404040;
	height: 16px;
}
.directoryBold {
	color: #404040;
	height: 16px;
}
.imgInstruction {
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right:0px;
	padding-top: 6px;
	text-align: center;
	vertical-align: top;
	color: #555555;
}


*/

/*End of Table style for 5ET*/
@media print {
.return {
	display: none;
}
}
#infoTab{margin:0; padding:0;}
#infoTab ul{margin:0; padding-left:2em;overflow:auto;/*火狐等清理浮动*/ 
display:inline-block;/*ie6清理浮动*/ }
#infoTab li { list-style:none; float:left; border-right:2px solid #FFF;} 
#infoTab ul a { 
    display:block; 
    padding:6px 12px;
	font-weight:bold; 
    text-decoration:none; 
    color:#FFF; 
    background:#9d9d9d; 
    outline:none; 
    height:32px;
}
#infoTab  ul a:hover { 
    color:#666; 
    background:#c8c8c8;
}
#infoTab ul a.selected { 
    color:#333; 
    background:#e8e8e8; 
    cursor:default; 
    } 
	
.hideRow{display:none;}

.popuplayer {width:600px; background-color:#FFFFFF; height:auto; border:8px solid #CCC; position:absolute; top:50px; left:400px;}
.popuplayer .title {height:20px; padding:7px 10px; background:#9d9d9d; color:#FFF;}
.popuplayer .title strong {float:left;padding:0;margin:0;line-height:16px;}
.popuplayer .title span {float:right; color:#FFFFFF; cursor:pointer;}

.oddColor{background-color:#f6f6f6;}
.evenColor{background-color:#FFFFFF;}
.deleteRow{ margin:0; padding:0; vertical-align:bottom; cursor:pointer;}
input, td, textarea, select, p, span {
    color: #404040;
}
/**for local contacts start**/
#contact_detail .itemList{
	list-style:none;	
}
.section .bd, .search .bd {
	padding: 0.4em 5px 0.8em 5px;
	border:0;
	clear:both;
}
.section .bd {
	background-color:#FFF;
}
.padding {
    padding: 5px;
}
.marginTop {
    margin-top: 6px;
}
.sectionTitle {
    color: #357BB9;
    font-size: 130%;
    font-weight: bolder;
}
.content {
    line-height: 1.8em;
}
.itemList
{
	margin:0px;
	padding:0px;
	list-style-type:none;
}
.itemList li {
    padding: 0.5em 0;
}
.labelText {
    color: #A86264;
    font-weight: bold;
}
.level2labelText {
    color: #357BB9;
    font-weight: bolder;
}
.left, .right
{
	float:left;
}
.contact_list{
	float:left;
	width:330px;
	margin:10px 0 4px;
}
.contact_list_right{
	float:right;
	width:330px;
	margin:10px 0 4px;
}
.clear{
	clear:both;	
}
.groupTitle{
	color:#404040;
	font-weight:bold;
	font-size:120%;
}
/**for contacts end**/
/**for exchange rate calendar start**/
.roeToptable
{
	width:400px;
	text-align:center;
}
.roeToptable td.pageTitle
{
	padding-bottom:15px;
}
.roeToptable a
{
	font-size:15px;
}
table.monthTable a
{
	text-decoration:none;
}
.roeToptable a.currentMonth
{
	color:#E6001D;
	font-weight:bold;
	text-decoration:none;
}
table.calendarTable{
	border:1px solid #eee;
	border-collapse:collapse;
	margin-top:10px;
}
table.calendarTable caption
{
	height:30px;
	font-weight:bold;
	font-size:20px;
	color:#000000;
}
table.calendarTable th{
	background:url("/Style Library/Images/OOCL/week_bg.png") repeat-x scroll 0 0 #FFFFFF;
	border:none;
	height:28px;
	vertical-align:middle;
	font-size:12px;
	color: #666;
}
table.calendarTable td{
	width:50px;
	height:50px;
	background-color:#eee;
	text-align: center;
	vertical-align: middle;
	border:1px solid #fff;
	font-size:15px;
}
table.calendarTable td.today{
	background-color:#1264AD;
	color:#fff;
}
table.calendarTable td.today a{
	color:#fff;
}

table.calendarTable td.noCurrentMonth{
	background-color:#eee;
}
/**for exchange rate calendar end**/

/**for Appointment calendar start**/
table.calendarPicker{
	border:1px solid #eee;
	border-collapse:collapse;
	font-size:10px;
}
.calendarPicker caption{
	height:24px;
	font-size:11px;
	background:url("/Style Library/Images/OOCL/week_bg.png") repeat-x scroll 0 0 #FFFFFF;
	padding-top:5px;
	color:#333333;
}
.calendarPicker caption a{
	margin:2px 8px;
}
.calendarPicker caption span{
	margin:0px 30px;
}
table.calendarPicker th{
	background:#fff;
	border:none;
	height:28px;
	vertical-align:middle;
	font-size:11px;
	color: #666;
}
table.calendarPicker td{
	width:25px;
	height:25px;
	background-color:#eee;
	text-align: center;
	vertical-align: middle;
	border:1px solid #fff;
	color:#333;
}
table.calendarPicker td a{
	color:#4CABBC;
	text-decoration:none;
}
table.calendarPicker td a:hover{
	text-decoration:underline;
}
table.calendarPicker td.today{
	background-color:#2F7DFF;
	color:#FFFFFF;
}
table.calendarPicker td.today a{
}
table.calendarPicker td.noCurrentMonth{
	background-color:#eee;
	cursor:default;
}
.calendarPicker .disabledDate{
	color:#aaa;
}
.calendarPicker .availableDate{
	background-color:#FDF8DF;
	cursor:pointer;
	color:#4CABBC;
} 


.tooltipvgm
{
	border-bottom:1px dotted black;
	display:inline-block;
	position:relative;
}
.tooltipvgm .tooltiptextvgm
{
	background-color:#d6e8ff;
	color:black;
	padding:5px 0;
	position:absolute;
	text-align:left;
	visibility:hidden;
	width:300px;
	z-index:1;
	border:1px solid #888888;
	top:45px;
	left:0px;
}
/**for Appointment calendar end**/
/*td.sc_icp {
    height: 47px;
    padding: 0px 58px 5px 0px;
    width: 42px;
}
td.sc_icp img{
    height: 42px;
    width: 42px;
}*/
/*Add sharepoint css*/
.ms-rteForeColor-1 {
    color: darkred;
    -ms-name: "";
    -ms-color: "Dark Red";
}

.ms-rteForeColor-2 {
    color: red;
    -ms-name: "";
    -ms-color: "Red";
}

.ms-rteForeColor-3 {
    color: orange;
    -ms-name: "";
    -ms-color: "Gold";
}

.ms-rteForeColor-4 {
    color: yellow;
    -ms-name: "";
    -ms-color: "Yellow";
}

.ms-rteForeColor-5 {
    color: lightgreen;
    -ms-name: "";
    -ms-color: "Light Green";
}

.ms-rteForeColor-6 {
    color: green;
    -ms-name: "";
    -ms-color: "Dark Green";
}

.ms-rteForeColor-7 {
    color: lightblue;
    -ms-name: "";
    -ms-color: "Sky Blue";
}

.ms-rteForeColor-8 {
    color: blue;
    -ms-name: "";
    -ms-color: "Blue";
}

.ms-rteForeColor-9 {
    color: darkblue;
    -ms-name: "";
    -ms-color: "Dark Blue";
}

.ms-rteForeColor-10 {
    color: purple;
    -ms-name: "";
    -ms-color: "Dark Purple";
}
.ms-rteBackColor-1 {
    background-color: darkred;
    -ms-name: "";
    -ms-color: "Dark Red";
}

.ms-rteBackColor-2 {
    background-color: red;
    -ms-name: "";
    -ms-color: "Red";
}

.ms-rteBackColor-3 {
    background-color: orange;
    -ms-name: "";
    -ms-color: "Gold";
}

.ms-rteBackColor-4 {
    background-color: yellow;
    -ms-name: "";
    -ms-color: "Yellow";
}

.ms-rteBackColor-5 {
    background-color: lightgreen;
    -ms-name: "";
    -ms-color: "Light Green";
}

.ms-rteBackColor-6 {
    background-color: green;
    -ms-name: "";
    -ms-color: "Dark Green";
}

.ms-rteBackColor-7 {
    background-color: lightblue;
    -ms-name: "";
    -ms-color: "Sky Blue";
}

.ms-rteBackColor-8 {
    background-color: blue;
    -ms-name: "";
    -ms-color: "Blue";
}

.ms-rteBackColor-9 {
    background-color: darkblue;
    -ms-name: "";
    -ms-color: "Dark Blue";
}

.ms-rteBackColor-10 {
    background-color: purple;
    -ms-name: "";
    -ms-color: "Dark Purple";
}